{extend name="iframe" /}
{block name="css"}
{css href="__CSS__/index.css" /}
{/block}
{block name="body"}
<!-- 主要内容 开始 -->
<div class="swiper-container pc">
  <div class="swiper-wrapper">
    {volist name="$data.banner" id="v"}
    <div class="swiper-slide">
      <img src="{$v.img|default=''}" alt="" class="img-responsive" >
    </div>
    {/volist}
  </div>
  <div class="swiper-pagination"></div>
</div>
<div class="swiper-container web">
    <div class="swiper-wrapper">
      {volist name="$data.banner" id="v"}
      <div class="swiper-slide">
        <img src="{$v.app_img|default=''}" alt="" class="img-responsive">
      </div>
      {/volist}
    </div>
    <div class="swiper-pagination"></div>
</div>
<div class="container">
  <div class="about">
    <img class="about-img" src="__IMG__/about.jpg">
    <div class="about-desc">
      <h3 class="desc-title">关于千城万店</h3>
      <p class="desc-p">是专注互联网系统开发解决方案的平台</p>
      <p class="desc-p2">
          千城万店是《河南珠玉在前》旗下以互联网服务为基础，提供从互联网业务落地的全链路、全托管数字化服务商，致力于为全球优秀品牌提供个性化定制的线上解决方案和一站式服务，为品牌方、电商平台、终端消费者营造需求契合、联接顺畅、价值跃迁的商业体验，为商家创造更大价值。
      </p>
    </div>
  </div>
  <div class="service">
      <div class="service-title">为你服务</div>
      <div class="service-content clearfix">
        <div class="item fl mr28">
          <div class="item-img">
              <img src="__IMG__/ser_left.png" alt="">
          </div>
          <div class="item-desc">
              <h3 class="desc-h3">电商运营</h3>
              <p class="desc-p">专业运营、直播带货、店铺打造、流量推广 </p>
              <div class="desc-btn"><a href="member.html" class="btn1">查看详情</a></div>
          </div>
        </div>
        <div class="item fl mr28">
          <div class="item-img">
              <img src="__IMG__/ser_center.png" alt="">
          </div>
          <div class="item-desc">
              <h3 class="desc-h3">技术支持</h3>
              <p class="desc-p">资源整合、项目合作、品牌对接、技术支持 </p>
              <div class="desc-btn"><a href="shopService.html" class="btn1">查看详情</a></div>
          </div>
        </div>
        <div class="item fl">
          <div class="item-img">
              <img src="__IMG__/ser_right.png" alt="">
          </div>
          <div class="item-desc">
              <h3 class="desc-h3">业务培训</h3>
              <p class="desc-p">品牌孵化、网红打造、技能提升、硬件提供 </p>
              <div class="desc-btn"><a href="supplierService.html" class="btn1">查看详情</a></div>
          </div>
        </div>
      </div>
  </div>
  <div class="ser">
      <div class="ser-item mb40">
          <p class="title">电商运营</p>
          <p class="desc">专业运营、直播带货、店铺打造、流量推广 </p>
      </div>
      <div class="ser-item mb40">
          <p class="title">技术支持</p>
          <p class="desc">资源整合、项目合作、品牌对接、技术支持 </p>
      </div>
      <div class="ser-item">
          <p class="title">业务培训</p>
          <p class="desc">品牌孵化、网红打造、技能提升、硬件提供 </p>
      </div>
      <img src="__IMG__/ser_left.png" alt="">
  </div>
</div>
<div style="width: 100%;background: #F9F8F7" class="main">
    <div class="swiper" style="background-image: url(__IMG__/swiper_bg.png)">
        <div class="container">
          <div class="swiper-top">
              <h3>五大部门多位一体</h3>
              <p>千城万店从技术到服务全面把控，为平台客户带来全方位升级体验，<br />解决平台客户的售前售后多重忧虑。 </p>
          </div>
          <!-- Swiper -->
          <div class="swiper-list">
            <div class="swiper-container middle">
              <div class="swiper-wrapper">
                  <div class="swiper-slide">
                      <img class="slide-img" src="__IMG__/slide1.png" alt="">
                      <h4>互联网中心</h4>
                      <p>互联网技术作为公司的核心基础设施，为供应商、小店创业者、消费者提供多种技术支持与协同工具，便捷平台操作系统。 </p>
                  </div>
                  <div class="swiper-slide"><img class="slide-img" src="__IMG__/slide2.png" alt="">
                      <h4>市场运营中心</h4>
                      <p>市场运营中心为小店创业者开设培训课程，帮助小店创业者掌握专业技能，提高经营能力。 </p>
                  </div>
                  <div class="swiper-slide"><img class="slide-img" src="__IMG__/slide3.png" alt="">
                      <h4>内控中心</h4>
                      <p>专业的法务团队、合规团队和财税团队，最大化保障消费者权益的同时，协助供应商提升合法经营竞争力，降低小店创业者经营风险。 </p>
                  </div>
                  <div class="swiper-slide"><img class="slide-img" src="__IMG__/slide4.png" alt="">
                      <h4>组织中心</h4>
                      <p>承担人才培训考核、行政制度建设、对外联系协调等多重职责，是企业文化建设的核心。  </p>
                  </div>
                  <div class="swiper-slide"><img class="slide-img" src="__IMG__/slide5.png" alt="">
                      <h4>平台运营中心</h4>
                      <p>平台运营中心制作专业的“种草”、亲测类视频和图文，分担供应商的工作成本，减轻小店创业者的经营压力，提高购物者的购买体验。  </p>
                  </div>
              </div>
            </div>
            <div id="prev" class="prev"><img src="__IMG__/icon_left.png" alt=""></div>
            <div id="next" class="next"><img src="__IMG__/icon_right.png" alt=""></div>
          </div>
        </div>
    </div>
</div>
<div class="main2">
    <div class="main2-top">
        <p class="top-title">五大部门多位一体</p>
        <p class="top-desc">千城万店从技术开发到服务全面把控，为平台客户带来全方位升级体验，解决平台客户的售前售后多重忧虑。 </p>
    </div>
    <div class="main2-swiper">
        <!-- Swiper -->
        <div class="swiper2-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img class="slide-img" src="__IMG__/slide1.png" alt="">
                    <h4>互联网中心</h4>
                    <p>互联网技术作为公司平台的核心基础设施，为供应商、小店创业者、消费者提供多种技术支持与协同工具，便捷平台操作系统。 </p>
                </div>
                <div class="swiper-slide">
                    <img class="slide-img" src="__IMG__/slide2.png" alt="">
                    <h4>市场运营中心</h4>
                    <p>市场运营中心为小店创业者开设培训课程，帮助小店创业者掌握专业技能，提高经营能力。  </p>
                </div>
                <div class="swiper-slide">
                    <img class="slide-img" src="__IMG__/slide3.png" alt="">
                    <h4>内控中心</h4>
                    <p>专业的法务团队、合规团队和财税团队，最大化保障消费者权益的同时，协助供应商提升合法经营竞争力，降低小店创业者经营风险。  </p>
                </div>
                <div class="swiper-slide">
                    <img class="slide-img" src="__IMG__/slide4.png" alt="">
                    <h4>组织中心</h4>
                    <p>承担人才培训考核、行政制度建设、对外联系协调等多重职责，是企业文化建设的核心。  </p>
                </div>
                <div class="swiper-slide">
                    <img class="slide-img" src="__IMG__/slide5.png" alt="">
                    <h4>平台运营中心</h4>
                    <p>平台运营中心制作专业的“种草”、亲测类视频和图文，分担供应商的工作成本，减轻小店创业者的经营压力，提高购物者的购买体验。  </p>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 主要内容 结束 -->
{/block}
{block name="js"}
<script type="text/javascript">
    var swiper = new Swiper('.middle', {
      autoplay: true,//可选选项，自动滑动
      slidesPerView: 3,
      spaceBetween: 48,
      // centeredSlides: true,
      loop: false,

    });
    $('#prev').click(function () {
        swiper.slidePrev();
    })
    $('#next').click(function () {
        swiper.slideNext();
    })
    var swiper2 = new Swiper('.swiper2-container', {
        slidesPerView: 'auto',
        spaceBetween: 20,
        loop: false,
    });
</script>

<script type="text/javascript">
    var mySwiper = new Swiper('.pc,.web', {
      autoplay: true,//可选选项，自动滑动
      loop: true,//无缝
      speed: 2000,
      pagination: {
          el: '.swiper-pagination'
      }
    })
</script>
{/block}